<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="UTF-8">
<title>乐购e族首页</title>
<link rel="stylesheet" href="layui/css/layui.css" />
<script type="text/javascript" src="layui/layui.js"></script>
</head>
<body>
	<jsp:include page="/footer"></jsp:include>
	<!--=====================
    slider area start轮播图
    =========================-->
	<div class="slider_section mb-60">
		<div class="container">
			<div class="row">
				<div class="col-lg-3"></div>
				<div class="col-lg-9">
					<div class="slider_area slider-one mt-30">
						<!-- Single Slider Start -->
						<c:forEach items="${banner }" var="b">
							<div class="single_slider">
								<a href="${b.BskipUrl }"> <img src="${b.Burl }" alt=""
									class="img-fluid">
								</a>
							</div>
						</c:forEach>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--======================
     slider area End
    ==========================-->
	<!--======================
    Shipping area Start
    ==========================-->
	<div class="shipping-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-3"></div>
				<div class="col-lg-9">
					<div class="row all-shipping">
						<div class="col-lg-4 col-md-4 col-12">
							<div class="single-shipping">
								<div class="block-wrapper">
									<div class="shipping-content">
										<h5 class="ship-title">免费邮寄</h5>
										<p>所有订单免费送货</p>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-12">
							<div class="single-shipping">
								<div class="block-wrapper2">
									<div class="shipping-content">
										<h5 class="ship-title">在线支持</h5>
										<p>24小时人工客服</p>
										<p><a href="cs?Pid=61">测试</a></p>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-12">
							<div class="single-shipping single-shipping-last">
								<div class="block-wrapper3">
									<div class="shipping-content">
										<h5 class="ship-title">退换</h5>
										<p>所有订单免费退换</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--======================
    Shipping area End
    ==========================-->
	<!-- =================
    Product Area Start 
    =====================-->
	<div class="product-area mt-50">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<ul class="nav nav-tabs theme-tabs" role="tablist">
						<li class="nav-item"><a class="nav-link active" id="one-tab"
							data-toggle="tab" href="#one" role="tab" aria-controls="one"
							aria-selected="false">所有</a></li>
						<li class="nav-item"><a class="nav-link" id="one-tab"
							data-toggle="tab" href="#one" role="tab" aria-controls="one"
							aria-selected="false">新品</a></li>
						<li class="nav-item"><a class="nav-link" id="two-tab"
							data-toggle="tab" href="#two" role="tab" aria-controls="two"
							aria-selected="false">畅销</a></li>
						<li class="nav-item"><a class="nav-link" id="three-tab"
							data-toggle="tab" href="#three" role="tab" aria-controls="three"
							aria-selected="false">特色产品</a></li>
					</ul>
					<!--  新品 -->
					<div class="tab-content">
						<div class="tab-pane active" id="one" role="tabpanel"
							aria-labelledby="one-tab">
							<div class="product-thing slick-custom slick-custom-default">
								<!-- Single-Product-Start -->
								<c:forEach items="${recommendone}" var="re">
								<form  action="#" class="layui-form" onsubmit="false">
									<div class="item-product">
										<div class="product-thumb">
											<a href="${re.PskipUrl }"> <img src="${re.Purl }"
												alt="" class="img-fluid">
											</a>
											<div class="box-label">
												<div class="label-product-new">
													<span>New</span>
												</div>
											</div>
											<div class="action-link">
												<a class="quick-view same-link" href="#" title="快速浏览"
													data-toggle="modal" data-target="#modal_box"
													data-original-title="quick view"><i
													class="zmdi zmdi-eye zmdi-hc-fw"></i></a> <a
													class="compare-add same-link" href=""
													title="加入比较"><i class="zmdi zmdi-refresh-alt"></i></a> 
													<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Pid }" name="Pid" id="Pid"  >
													<a class="wishlist-add same-link" lay-submit lay-filter="form" type="submit"
													title="加入愿望清单"><i
													class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
											</div>
										</div>
										<div class="product-caption">
											<div class="product-name">
												<a href="${re.PskipUrl }">${re.Pname }</a>
											</div>
											<div class="rating">
												<span class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span>
											</div>
											<div class="price-box">
												<span class="regular-price">${re.Pprice }</span>
											</div>
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Pid }" name="Pid" id="Pid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Pid }" name="num" id="num"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Sid }" name="Sid" id="Sid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Pprice }" name="Pprice" id="Pprice"  >
											<div class="cart">
												<div class="add-to-cart">
													<a class="cart-plus" lay-submit lay-filter="formDemo" type="submit"
														title="加入购物车"><i
														class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
												</div>
											</div>
										</div>
									</div>
									</form>
								</c:forEach>
								<!-- Single-Product-End -->
							</div>
						</div>
						<!-- 畅销 -->
						<div class="tab-pane active" id="two" role="tabpanel"
							aria-labelledby="two-tab">
							<div class="product-thing slick-custom slick-custom-default">
								<!-- Single-Product-Start -->
								<c:forEach items="${recommendtwo}" var="re">
								<form  action="#" class="layui-form" onsubmit="false">
									<div class="item-product">
										<div class="product-thumb">
											<a href="${re.PskipUrl }"> <img src="${re.Purl }"
												alt="" class="img-fluid">
											</a>
											<!-- <div class="box-label">
												<div class="label-product-new">
													<span>New</span>
												</div>
											</div> -->
											<div class="action-link">
												<a class="quick-view same-link" href="#" title="快速浏览"
													data-toggle="modal" data-target="#modal_box"
													data-original-title="quick view"><i
													class="zmdi zmdi-eye zmdi-hc-fw"></i></a> <a
													class="compare-add same-link" href="compare.html"
													title="加入比较"><i class="zmdi zmdi-refresh-alt"></i></a> 
													<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Pid }" name="Pid" id="Pid"  >
													<a class="wishlist-add same-link" lay-submit lay-filter="form" type="submit"
													title="加入愿望清单"><i
													class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
											</div>
										</div>
										<div class="product-caption">
											<div class="product-name">
												<a href="${re.PskipUrl }">${re.Pname }</a>
											</div>
											<div class="rating">
												<span class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span>
											</div>
											<div class="price-box">
												<span class="regular-price">${re.Pprice }</span>
											</div>
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Pid }" name="Pid" id="Pid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Sid }" name="Sid" id="Sid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Pprice }" name="Pprice" id="Pprice"  >
											<div class="cart">
												<div class="add-to-cart">
													<a class="cart-plus"  lay-submit lay-filter="formDemo" type="submit"
														title="加入购物车"><i
														class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
												</div>
											</div>
										</div>
									</div>
									</form>
								</c:forEach>
								<!-- Single-Product-End -->
							</div>
						</div>
						<!--  特色产品 -->
						<div class="tab-pane active" id="three" role="tabpanel"
							aria-labelledby="three-tab">
							<div class="product-thing slick-custom slick-custom-default">
								<!-- Single-Product-Start -->
								<c:forEach items="${recommendthere}" var="re">
								<form  action="#" class="layui-form" onsubmit="false">
									<div class="item-product">
										<div class="product-thumb">
											<a href="${re.PskipUrl }"> <img src="${re.Purl }"
												alt="" class="img-fluid">
											</a>
											<!-- <div class="box-label">
												<div class="label-product-new">
													<span>New</span>
												</div>
											</div> -->
											<div class="action-link">
												<a class="quick-view same-link" href="#" title="快速浏览"
													data-toggle="modal" data-target="#modal_box"
													data-original-title="quick view"><i
													class="zmdi zmdi-eye zmdi-hc-fw"></i></a> <a
													class="compare-add same-link" href="compare.html"
													title="加入比较"><i class="zmdi zmdi-refresh-alt"></i></a> 
													<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Pid }" name="Pid" id="Pid"  >
													<a class="wishlist-add same-link" lay-submit lay-filter="form" type="submit"
													title="加入愿望清单"><i
													class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
											</div>
										</div>
										<div class="product-caption">
											<div class="product-name">
												<a href="${re.PskipUrl }">${re.Pname }</a>
											</div>
											<div class="rating">
												<span class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span> <span
													class="yellow"><i class="fa fa-star"></i></span>
											</div>
											<div class="price-box">
												<span class="regular-price">${re.Pprice }</span>
											</div>
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Pid }" name="Pid" id="Pid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Sid }" name="Sid" id="Sid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${re.Pprice }" name="Pprice" id="Pprice"  >
											<div class="cart">
												<div class="add-to-cart">
													<a class="cart-plus"  lay-submit lay-filter="formDemo" type="submit"
														title="加入购物车"><i
														class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
												</div>
											</div>
										</div>
									</div>
									</form>
								</c:forEach>
								<!-- Single-Product-End -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- ================
    Sale Offer Area Start热卖产品
    =====================-->
	<div class="sales-offer-area mb-45 mt-10">
		<div class="container">
			<div class="row">
				<div class="col-lg-9 col-12">
					<div class="product-offer-slider slick-custom-default">
					
						<c:forEach items="${active }" var="a">
						<div class="flash-single-item">
							<div class="product-item">
								<span class="offer-bar"><img
									src="assets/images/product/sale-offer.png" alt=""></span>
								<div class="product-thumb">
									<a href="${a.Standby_application_two }"> <img
										src="${a.Purl }" alt="" class="img-fluid">
									</a>
									<div class="box-label">
										<div class="label-product-discount">
											<span>hot</span>
										</div>
									</div>
								</div>
								<div class="product-caption">
									<div class="product-name mb-20">
										<a href="/shoppingsix/product-details_camera">
											<h6>${a.Standby_application_one }</h6>
										</a>
									</div>
									<div class="rating">
										<span class="yellow"><i class="fa fa-star"></i></span> <span
											class="yellow"><i class="fa fa-star"></i></span> <span
											class="yellow"><i class="fa fa-star"></i></span> <span
											class="yellow"><i class="fa fa-star"></i></span> <span
											class="yellow"><i class="fa fa-star"></i></span>
									</div>
									<div class="price-box mt-15 mb-15">
										<span class="regular-price">${a.Pprice }</span> 
									</div>
									<div class="product-pre-content mb-30">
										<p>${a.Pname }...</p>
									</div>
									<div class="countdown">
										<div class="box-countdown">
											<div class="title-countdown">
												<h6 class="mb-20">赶快抢购吧！优惠结束于:</h6>
											</div>
											<div data-countdown="${a.Acend_time }"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						</c:forEach>
						</div>
						</div>
				<div class="col-lg-3 col-12 text-center">
					<div class="single-banner mt-40">
						<a href="/shoppingsix/product-details_phone"><img src="assets/images/banner/banner-1.jpg"
							alt="" class="img-fluid"></a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ================
    Sale Offer Area End
    =====================-->
	<!-- =================
    Category Product Area Start 分类标题
    =====================-->
	<div class="product-category-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<ul class="nav nav-tabs category-tabs">
						<li class="nav-item"><a class="nav-link active" id="four-tab"
							data-toggle="tab" href="#four"> <span><img
									src="assets/images/category/thumb-1.png" alt=""
									class="img-fluid"></span> <span>数码相机</span>
						</a></li>
						<li class="nav-item"><a class="nav-link" id="five-tab"
							data-toggle="tab" href="#five"> <span><img
									src="assets/images/category/thumb-2.png" alt=""
									class="img-fluid"></span> <span>手表</span>
						</a></li>
						<li class="nav-item"><a class="nav-link" id="six-tab"
							data-toggle="tab" href="#six"> <span><img
									src="assets/images/category/thumb-3.png" alt=""
									class="img-fluid"></span> <span>笔记本电脑</span>
						</a></li>
						<li class="nav-item"><a class="nav-link" id="seven-tab"
							data-toggle="tab" href="#seven"> <span><img
									src="assets/images/category/thumb-4.png" alt=""
									class="img-fluid"></span> <span>耳机</span>
						</a></li>
						<li class="nav-item"><a class="nav-link" id="eight-tab"
							data-toggle="tab" href="#eight"> <span><img
									src="assets/images/category/thumb-5.png" alt=""
									class="img-fluid"></span> <span>智能手机</span>
						</a></li>
						<li class="nav-item"><a class="nav-link" id="nine-tab"
							data-toggle="tab" href="#nine"> <span><img
									src="assets/images/category/thumb-6.png" alt=""
									class="img-fluid"></span> <span>音箱</span>
						</a></li>
					</ul>
					<!--   four -->
					<div class="tab-content">
						<div
							class="product-thing-tab slick-custom-default tab-pane fade show active"
							id="four">
							<!-- Single-Product-Start -->
							<c:forEach items="${classone }" var="cl">
							<form  action="#" class="layui-form" onsubmit="false">
								<div class="item-product">
									<div class="product-thumb">
										<a href="${cl.PskipUrl }"> <img src="${cl.Purl }"
											alt="" class="img-fluid">
										</a>
										<!-- <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div> -->
										<div class="action-link">
											<a class="quick-view same-link" href="#" title="快速浏览"
												data-toggle="modal" data-target="#modal_box"
												data-original-title="quick view"><i
												class="zmdi zmdi-eye zmdi-hc-fw"></i></a> <a
												class="compare-add same-link" href="compare.html"
												title="加入比较"><i class="zmdi zmdi-refresh-alt"></i></a> 
												<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
													<a class="wishlist-add same-link" lay-submit lay-filter="form" type="submit"
												title="加入愿望清单"><i
												class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
										</div>
									</div>
									<div class="product-caption">
										<div class="product-name">
											<a href="${cl.PskipUrl }">${cl.Pname }</a>
										</div>
										<div class="rating">
											<span class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span>
										</div>
										<div class="price-box">
											<span class="regular-price">${cl.Pprice }</span>
										</div>
										<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Sid }" name="Sid" id="Sid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pprice }" name="Pprice" id="Pprice"  >
										<div class="cart">
											<div class="add-to-cart">
												<a class="cart-plus"  lay-submit lay-filter="formDemo" type="submit" title="加入购物车"><i
													class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
											</div>
										</div>
									</div>
								</div>
								</form>
							</c:forEach>
							<!-- Single-Product-End -->
						</div>
						<!--  five -->
						<div
							class="product-thing-tab slick-custom-default tab-pane fade show active"
							id="five">
							<!-- Single-Product-Start -->
							<c:forEach items="${classtwo }" var="cl">
							<form  action="#" class="layui-form" onsubmit="false">
								<div class="item-product">
									<div class="product-thumb">
										<a href="${cl.PskipUrl }"> <img src="${cl.Purl }"
											alt="" class="img-fluid">
										</a>
										<!-- <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div> -->
										<div class="action-link">
											<a class="quick-view same-link" href="#" title="快速浏览"
												data-toggle="modal" data-target="#modal_box"
												data-original-title="quick view"><i
												class="zmdi zmdi-eye zmdi-hc-fw"></i></a> <a
												class="compare-add same-link" href="compare.html"
												title="加入比较"><i class="zmdi zmdi-refresh-alt"></i></a> 
												<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
													<a class="wishlist-add same-link" lay-submit lay-filter="form" type="submit"
												title="加入愿望清单"><i
												class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
										</div>
									</div>
									<div class="product-caption">
										<div class="product-name">
											<a href="${cl.PskipUrl }">${cl.Pname }</a>
										</div>
										<div class="rating">
											<span class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span>
										</div>
										<div class="price-box">
											<span class="regular-price">${cl.Pprice }</span>
										</div>
										<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Sid }" name="Sid" id="Sid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pprice }" name="Pprice" id="Pprice"  >
										<div class="cart">
											<div class="add-to-cart">
												<a class="cart-plus"  lay-submit lay-filter="formDemo" type="submit" title="加入购物车"><i
													class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
											</div>
										</div>
									</div>
								</div>
								</form>
							</c:forEach>
							<!-- Single-Product-End -->
						</div>
						<!-- six -->
						<div
							class="product-thing-tab slick-custom-default tab-pane fade show active"
							id="six">
							<!-- Single-Product-Start -->
							<c:forEach items="${classthere }" var="cl">
							<form  action="#" class="layui-form" onsubmit="false">
								<div class="item-product">
									<div class="product-thumb">
										<a href="${cl.PskipUrl }"> <img src="${cl.Purl }"
											alt="" class="img-fluid">
										</a>
										<!-- <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div> -->
										<div class="action-link">
											<a class="quick-view same-link" href="#" title="快速浏览"
												data-toggle="modal" data-target="#modal_box"
												data-original-title="quick view"><i
												class="zmdi zmdi-eye zmdi-hc-fw"></i></a> <a
												class="compare-add same-link" href="compare.html"
												title="加入比较"><i class="zmdi zmdi-refresh-alt"></i></a> 
												<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
													<a class="wishlist-add same-link" lay-submit lay-filter="form" type="submit"
												title="加入愿望清单"><i
												class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
										</div>
									</div>
									<div class="product-caption">
										<div class="product-name">
											<a href="${cl.PskipUrl }">${cl.Pname }</a>
										</div>
										<div class="rating">
											<span class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span>
										</div>
										<div class="price-box">
											<span class="regular-price">${cl.Pprice }</span>
										</div>
										<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Sid }" name="Sid" id="Sid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pprice }" name="Pprice" id="Pprice"  >
										<div class="cart">
											<div class="add-to-cart">
												<a class="cart-plus"  lay-submit lay-filter="formDemo" type="submit" title="加入购物车"><i
													class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
											</div>
										</div>
									</div>
								</div>
								</form>
							</c:forEach>
							<!-- Single-Product-End -->
						</div>
						<!--  seven -->
						<div
							class="product-thing-tab slick-custom-default tab-pane fade show active"
							id="seven">
							<!-- Single-Product-Start -->
							<c:forEach items="${classfore }" var="cl">
							<form  action="#" class="layui-form" onsubmit="false">
								<div class="item-product">
									<div class="product-thumb">
										<a href="${cl.PskipUrl }"> <img src="${cl.Purl }"
											alt="" class="img-fluid">
										</a>
										<!-- <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div> -->
										<div class="action-link">
											<a class="quick-view same-link" href="#" title="快速浏览"
												data-toggle="modal" data-target="#modal_box"
												data-original-title="quick view"><i
												class="zmdi zmdi-eye zmdi-hc-fw"></i></a> <a
												class="compare-add same-link" href="compare.html"
												title="加入比较"><i class="zmdi zmdi-refresh-alt"></i></a> 
												<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
													<a class="wishlist-add same-link" lay-submit lay-filter="form" type="submit"
												title="加入愿望清单"><i
												class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
										</div>
									</div>
									<div class="product-caption">
										<div class="product-name">
											<a href="${cl.PskipUrl }">${cl.Pname }</a>
										</div>
										<div class="rating">
											<span class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span>
										</div>
										<div class="price-box">
											<span class="regular-price">${cl.Pprice }</span>
										</div>
										<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Sid }" name="Sid" id="Sid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pprice }" name="Pprice" id="Pprice"  >
										<div class="cart">
											<div class="add-to-cart">
												<a class="cart-plus"  lay-submit lay-filter="formDemo" type="submit" title="加入购物车"><i
													class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
											</div>
										</div>
									</div>
								</div>
								</form>
							</c:forEach>
							<!-- Single-Product-End -->
						</div>
						<!-- eight -->
						<div
							class="product-thing-tab slick-custom-default tab-pane fade show active"
							id="eight">
							<!-- Single-Product-Start -->
							<c:forEach items="${classfive }" var="cl">
							<form  action="#" class="layui-form" onsubmit="false">
								<div class="item-product">
									<div class="product-thumb">
										<a href="${cl.PskipUrl }"> <img src="${cl.Purl }"
											alt="" class="img-fluid">
										</a>
										<!-- <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div> -->
										<div class="action-link">
											<a class="quick-view same-link" href="#" title="快速浏览"
												data-toggle="modal" data-target="#modal_box"
												data-original-title="quick view"><i
												class="zmdi zmdi-eye zmdi-hc-fw"></i></a> <a
												class="compare-add same-link" href="compare.html"
												title="加入比较"><i class="zmdi zmdi-refresh-alt"></i></a> 
												<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
													<a class="wishlist-add same-link" lay-submit lay-filter="form" type="submit"
												title="加入愿望清单"><i
												class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
										</div>
									</div>
									<div class="product-caption">
										<div class="product-name">
											<a href="${cl.PskipUrl }">${cl.Pname }</a>
										</div>
										<div class="rating">
											<span class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span>
										</div>
										<div class="price-box">
											<span class="regular-price">${cl.Pprice }</span>
										</div>
										<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Sid }" name="Sid" id="Sid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pprice }" name="Pprice" id="Pprice"  >
										<div class="cart">
											<div class="add-to-cart">
												<a class="cart-plus"  lay-submit lay-filter="formDemo" type="submit" title="加入购物车"><i
													class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
											</div>
										</div>
									</div>
								</div>
								</form>
							</c:forEach>
							<!-- Single-Product-End -->
						</div>
						<!-- nine -->
						<div
							class="product-thing-tab slick-custom-default tab-pane fade show active"
							id="nine">
							<!-- Single-Product-Start -->
							<c:forEach items="${classsix }" var="cl">
							<form  action="#" class="layui-form" onsubmit="false">
								<div class="item-product">
									<div class="product-thumb">
										<a href="${cl.PskipUrl }"> <img src="${cl.Purl }"
											alt="" class="img-fluid">
										</a>
										<!-- <div class="box-label">
                                            <div class="label-product-new">
                                                <span>New</span>
                                            </div>
                                        </div> -->
										<div class="action-link">
											<a class="quick-view same-link" href="#" title="快速浏览"
												data-toggle="modal" data-target="#modal_box"
												data-original-title="quick view"><i
												class="zmdi zmdi-eye zmdi-hc-fw"></i></a> <a
												class="compare-add same-link" href="compare.html"
												title="加入比较"><i class="zmdi zmdi-refresh-alt"></i></a> 
												<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
													<a class="wishlist-add same-link" lay-submit lay-filter="form" type="submit"
												title="加入愿望清单"><i
												class="zmdi zmdi-favorite-outline zmdi-hc-fw"></i></a>
										</div>
									</div>
									<div class="product-caption">
										<div class="product-name">
											<a href="${cl.PskipUrl }">${cl.Pname }</a>
										</div>
										<div class="rating">
											<span class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span> <span
												class="yellow"><i class="fa fa-star"></i></span>
										</div>
										<div class="price-box">
											<span class="regular-price">${cl.Pprice }</span>
										</div>
										<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pid }" name="Pid" id="Pid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Sid }" name="Sid" id="Sid"  >
											<input required="" hidden="hidden" autocomplete="off" class="layui-input" type="text" lay-verify="required" value="${cl.Pprice }" name="Pprice" id="Pprice"  >
										<div class="cart">
											<div class="add-to-cart">
												<a class="cart-plus"  lay-submit lay-filter="formDemo" type="submit" title="加入购物车"><i
													class="zmdi zmdi-shopping-cart-plus zmdi-hc-fw"></i></a>
											</div>
										</div>
									</div>
								</div>
								</form>
							</c:forEach>
							<!-- Single-Product-End -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- ================
    Brand Logo Area Start 品牌图片
    =====================-->
	<div class="brand-area mt-35">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<div class="brand-logo">
						<div class="single-brand">
							<a href="#"> <img src="assets/images/brand/3.jpg" alt=""
								class="img-fluid">
							</a>
						</div>
						<div class="single-brand">
							<a href="#"> <img src="assets/images/brand/2.jpg" alt=""
								class="img-fluid">
							</a>
						</div>
						<div class="single-brand">
							<a href="#"> <img src="assets/images/brand/1.jpg" alt=""
								class="img-fluid">
							</a>
						</div>
						<div class="single-brand">
							<a href="#"> <img src="assets/images/brand/4.jpg" alt=""
								class="img-fluid">
							</a>
						</div>
						<div class="single-brand">
							<a href="#"> <img src="assets/images/brand/5.jpg" alt=""
								class="img-fluid">
							</a>
						</div>
						<div class="single-brand">
							<a href="#"> <img src="assets/images/brand/6.jpg" alt=""
								class="img-fluid">
							</a>
						</div>
						<div class="single-brand">
							<a href="#"> <img src="assets/images/brand/1.jpg" alt=""
								class="img-fluid">
							</a>
						</div>
						<div class="single-brand">
							<a href="#"> <img src="assets/images/brand/3.jpg" alt=""
								class="img-fluid">
							</a>
						</div>
						<div class="single-brand">
							<a href="#"> <img src="assets/images/brand/4.jpg" alt=""
								class="img-fluid">
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ================
    Brand Logo Area End
    =====================-->
	<!--===================
     footer area start 
    ===================-->
	<footer class="mt-30">
		<!-- Newslatter area start -->
		<div class="newsletter-group">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-6 col-12">
						<div class="newsletter-inner d-flex align-items-center">
							<i class="fa fa-envelope-open-o"></i>
							<div class="newsletter-title">
								<h1 class="sign-title">注册我们的通讯</h1>
								<p>获取有关我们最新商店和特惠信息的电子邮件更新。</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-12">
						<div class="newsletter-box">
							<form id="mc-form" class="mc-form">
								<input type="email" id="mc-email" class="email-box"
									placeholder="输入你的电子邮箱" name="EMAIL">
								<button id="mc-submit" class="newsletter-btn" type="submit">订阅</button>
							</form>
							<!-- mailchimp-alerts Start -->
							<div class="mailchimp-alerts text-centre">
								<div class="mailchimp-submitting"></div>
								<!-- mailchimp-submitting end -->
								<div class="mailchimp-success text-success"></div>
								<!-- mailchimp-success end -->
								<div class="mailchimp-error text-danger"></div>
								<!-- mailchimp-error end -->
							</div>
							<!-- mailchimp-alerts end -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Newslatter area End -->
		<!-- Footer Top Start -->
		<div class="footer-top mt-50 mb-40">
			<div class="container">
				<div class="row">
					<div class="col-lg-4">
						<div class="footer-single-widget">
							<div class="footer-logo mb-40">
								<a href="index"><img
									src="assets/images/logo/pos-circle-logo.jpg" alt=""></a>
							</div>
							<div class="widget-body">
								<div class="widget-address mt-30 mb-20">
									<p>
										<strong>地址:</strong>新乡市，红旗区，新乡职业技术学院
									</p>
									<p>
										<strong>联系电话:</strong> (800) 123 456 - (800) 123 456.
									</p>
									<p>
										<strong>电子邮箱:</strong> support@circleshop.com
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-8">
						<div class="row">
							<div class="col-lg-3 col-md-3 col-6">
								<div class="widgets_container">
									<h6>信息</h6>
									<div class="footer_menu">
										<ul>
											<li><a href="#">隐私政策</a></li>
											<li><a href="#">条款及细则</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-lg-3 col-md-3 col-6">
								<div class="widgets_container">
									<h6>我的账户</h6>
									<div class="footer_menu">
										<ul>
											<li><a href="#">我的帐户</a></li>
											<li><a href="#">心愿单</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-lg-3 col-md-3 col-6">
								<div class="widgets_container">
									<h6>快速找到</h6>
									<div class="footer_menu">
										<ul>
											<li><a href="#">历史悠久</a></li>
											<li><a href="#">新闻快报</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-lg-3 col-md-3 col-6">
								<div class="widgets_container">
									<h6>客户服务</h6>
									<div class="footer_menu">
										<ul>
											<li><a href="#">网站地图</a></li>
											<li><a href="#">联系我们</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Footer Top End -->
	</footer>
	<!--===================
     footer area end 
    ===================-->


	<!-- Use the minified version files listed below for better performance and remove the files listed above -->
	<script src="assets/js/vendor/vendor.min.js"></script>
	<script src="assets/js/plugins/plugins.min.js"></script>

	<!-- Main JS -->
	<script src="assets/js/main.js"></script>
	<script>
		//Demo
		layui.use('form', function() {
			var form = layui.form;
			var $ = layui.jquery;
			//监听提交心愿单
			form.on('submit(form)', function(data) {
				var d = data.field;//表单中的数据，定义一个对象来接收
				var url = '/shoppingsix/wishlist_add';
				$.post(url, d, function(data) {
					if (data.count > 0) {
						console.log('添加成功');
						/* layer.msg('添加成功');//在页面显示添加成功 */
						window.location.href = "wishlist";
					}
				}, "json");
				return false;
			});
			//监听提交购物车
			form.on('submit(formDemo)', function(data) {
				var d = data.field;//表单中的数据，定义一个对象来接收
				var url = '/shoppingsix/shopping-cart_add';
				$.post(url, d, function(data) {
					if (data.code!=201) {
						console.log(data.code);
					if(data.count>0){
						console.log('添加成功');
						/* layer.msg('添加成功');//在页面显示添加成功 */
						window.location.href = "shopping-cart";
					}else{
						layer.msg(data.data);
					}
				}else{
					console.log("请登录");
					window.location.href = "login_car.jsp";
				}
				}, "json");
				return false;
			});
		});
	</script>
</body>
</html>